<% title "Cho mượn tài liệu - Student Portal - Quản lý thư viện" %>

<% queue_js "bootstrap-datepicker" %>
<% queue_js "bootstrap-timepicker" %>
<% queue_css "bootstrap-timepicker" %>
<% queue_js 'redactor/redactor' %>
<% queue_css "datepicker" %>

<% content_for :top_section do %>
    <h1 style="text-transform: uppercase;">Quản lý thư viện - Mượn tài liệu</h1>
    <h4 style="text-transform: uppercase;">Tên tài liệu: <%= @document.title %></h4>
    <hr />
<% end %>
<% content_for :sidebar do %>
    <ul class="nav nav-list bs-docs-sidenav affix">
      <li><h5 style="color:black"><i class="icon-chevron-down"></i>THAO TÁC</h5></li>
      <li><a href="/admin/library/"><i class="icon-book"></i>Danh sách tài liệu</a></li>
      <li><a href="/admin/library/edit/<%=params[:document_id] %>"><i class="icon-user"></i>Sửa thông tin</a></li>
      <li><a href="/admin/library/new"><i class="icon-bell"></i>Thêm tài liệu mới</a></li>
      <li><a href="/portal/logout"><i class="icon-eject"></i>Đăng xuất</a></li>
    </ul>
<% end %>
<ul class="nav nav-tabs">
  <li class="active"><a href="#borrow_list" data-toggle="tab" data-click="borrow_list">Nhật ký đã mượn</a></li>
  <li><a href="#user_borrow_info" data-toggle="tab" data-click="user_borrow_info">Ghi mới thông tin</a></li>
  <li><a href="#document_details" data-toggle="tab" data-click="document_details">Chi tiết tài liệu</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane" id="user_borrow_info">
    <form action="<%= request.fullpath %>" method="post" name="user_borrow_info">
        <h3 style="text-transform: uppercase;">Thông tin ghi nhận</h3>
        <ul class="list-info">
          <li>
            <span class="key-name"style="float:left;width:200px;padding-top:10px"><label for="user_name">Tên đăng nhập/Email/MSSV</label></span>
            <span class="info-value" style="float:left;width:450px;padding-top:10px">
              <input type="text" id="user_name" name="login" title="Tên đăng nhập/email/MSSV 1 trong 3 loại phải có hiệu lực" />
              <input type="hidden" name="doc[student_id]" />
              <a href="javascript:void(0)" class="btn btn-info" style="margin-top: -10px;" onclick="search_user($('#user_name').val())">Tìm kiếm</a>
              <span id="user_search_results" style="float:left;width:450px;padding:10px;"></span>
            </span>

            <div class="separate"></div>
          </li>
          <li>
            <span class="key-name"style="float:left;width:200px;padding-top:10px"><label for="duedate">Ngày tới hạn</label></span>
            <span class="info-value" style="float:left;width:450px;padding-top:10px">
              <input type="text" id="duedate" name="doc[due_date][date]" value="<%= Date.current+@document.time_limit %>" data-date-format="dd/mm/yyyy" data-date="<%= Date.current+@document.time_limit %>" title="Mặc định tính bằng từ thời điểm mượn + thời gian tối đa cho mượn của tài liệu"/>
              <i class="icon-calendar" style="margin: -2px 10px 0 -22.5px; pointer-events: none; position: relative;"></i>
              <input type="text" id="duetime" name="doc[due_date][time]" value="<%= Time.now %>" style="width:80px"/>
              <i class="icon-time" style="margin: -2px 0 0 -22.5px; pointer-events: none; position: relative;"></i>
            </span>
            <span style="float:left;width:450px;padding:10px;font-size:12px;margin-left:210px">Tài liệu <em>"<%= @document.title %>"</em> tối đa được mượn <strong><%= @document.time_limit %> ngày</strong></span>
            <div class="separate"></div>
          </li>
          <li>
            <span class="key-name"style="float:left;width:200px;padding-top:10px"><label for="user_name">Ghi chú</label></span>
            <span class="info-value" style="float:left;width:450px;padding-top:10px">
              <input type="text" id="description" name="doc[description]" title="Chú thích khác kèm theo"/>
            </span><div class="separate"></div>
          </li>
        </ul>
        <div class="control-group"  style="margin-top: 20px; float:left;margin-left:210px;">
            <div class="controls-row">
              <input type="submit" name="save_btn" value="Lưu thông tin" class="btn btn-info" />
              <a class="btn btn-danger" href="<%= url_for(:controller => "backend/library", :action => "index") %>">Hủy bỏ</a>
            </div>
        </div>
    </form>
  </div>
  <div class="tab-pane" id="document_details">
    <h3 style="text-transform: uppercase;"><%= @document.title %></h3>
    <ul class="list-info">
      <% @document.attributes.each do |key,value| %>
          <li>
          <span class="key-name"style="float:left;width:200px;">
            <%= t('model.library_document.'+key) %>
          </span>
            <span class="info-value" style="float:left;width:450px"><%= value.blank? ? t('general.form.empty') : raw(value)%></span>
            <div class="separate"></div>
          </li>
      <% end %>
    </ul>
  </div>
  <div class="tab-pane active" id="borrow_list">
    <% if @borrow_list.empty? %>
        <tr>Chưa có ghi nhận nào</tr>
    <% else %>
    <table class="table">
      <thead>
      <tr>
        <!--<th style="width:98px">Mã sách ISBN</th>-->
        <!--<th style="width:200px">Tên tài liệu</th>-->
        <!--<th style="width:58px">Tác giả</th>-->
        <th style="width:58px">Người mượn</th>
        <th style="width:58px">Ngày mượn</th>
        <th style="width:58px">Ngày đến hạn</th>
        <th style="width:58px">Đã trả lúc</th>
        <th style="width:58px">Trạng thái</th>
        <th style="width:58px">Ghi chú</th>
        <th style="width:58px">Thao tác</th>
        <!--<th>Phân mục</th>-->
      </tr>
      </thead>
      <tbody>
          <% @borrow_list.each do |rec| %>
              <tr>
                <!--<td><%= rec.library_document.isbn.empty? ? 'Không rõ' : rec.library_document.isbn %></td>-->
                <!--<td><%= link_to(truncate(rec.library_document.title, :length => 35), {:controller => 'frontend/library', :action => 'view', :document_id => rec.library_document.id}, :title => rec.library_document.title, :target => '_blank') %></td>-->
                <!--<td><%= rec.library_document.author || 'Thiếu thông tin' %></td>-->
                <td><%= rec.student.login %></td>
                <td><%= rec.borrowed_on %></td>
                <td><%= rec.due_date %></td>
                <td><%= rec.returned_on || "Chưa trả" %></td>
                <td><%= rec.status == '0' ? "Đã trả" : "Đang mượn"  %></td>
                <td><%= rec.description.nil? || rec.description.empty? ? "Trống" : rec.description %></td>
                <td>
                  <% if rec.status != '0' %>
                    <a href="<%= url_for(:controller => 'backend/library', :action => 'return', :document_id => params[:document_id], :record_id => rec.id)%>" title="Xác nhận đã trả tài liệu" onclick="return confirm('Xác nhận đã nhận lại tài liệu từ <%= rec.student.login %>?');"><i class='icon-check'></i></a>
                  <% else %>
                    <a href="<%= url_for(:controller => 'backend/library', :action => 'delete_borrow_record', :document_id => params[:document_id], :record_id => rec.id)%>" title="Xóa ghi chép" onclick="return confirm('Xác nhận xóa ghi chép mượn tài liệu này của: <%= rec.student.login %>?');"><i class='icon-remove'></i></a>
                  <% end %>
                </td>
                <!--<td>đợi joining</td>-->
              </tr>
          <% end %>
      <% end %>
      </tbody>
    </table>
    <%= paginate @borrow_list, :remote => true %>

  </div>
</div>

<script type="text/javascript">
  $(document).ready(function(){
     $("#duedate").datepicker();
     $("#duetime").timepicker({
         minuteStep: 5,
         showInputs: false,
         disableFocus: true,
         showSeconds: false,
         showMeridian: false,
         defaultTime:'value'
     });
     $("input[type='text']").tooltip();
     $("a").tooltip();
     //manipulate click the tab
     var url = document.location.href.split('#');
     if (url[1] != '')
         $('a[href="#'+url[1]+'"]').tab('show');

  });
  function search_user(key){
      $.post('<%= url_for(:controller => "api/student", :action => "search") %>.json', {key:key}, function(data){
         if (data.length==0)
             $("#user_search_results").html("Không tìm thấy thông tin");
         else{
            var html = "";
            for(i=0;i<data.length;i++){
                html += "<a href='javascript:void(0)' class='label label-success' onclick='pick_result("+data[i].id+",\""+data[i].login+"\")' title='Nhấp chuột để chọn "+data[i].login+"'>"+data[i].login+"</a>  ";
            }
            $("#user_search_results").html(html);
            $("a").tooltip();
         }
      });
  }

  function pick_result(id,name){
      $("#user_name").val(name);
      $("input[name='doc[student_id]']").val(id);
  }

</script>